<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
    >
      <div
        class="ant-pro-card"
      >
        <div
          class="ant-pro-card-body"
          style="padding-block-start: 0;"
        >
          <div
            class="ant-pro-table-list-toolbar"
          >
            <div
              class="ant-pro-table-list-toolbar-container"
            >
              <div
                class="ant-pro-table-list-toolbar-left"
              >
                <div
                  class="ant-pro-table-list-toolbar-title"
                >
                  支持选中的列表
                </div>
              </div>
              <div
                class="ant-pro-table-list-toolbar-right"
                style="align-items: center;"
              >
                <div
                  style="display: flex; align-items: center; gap: 8px;"
                >
                  <button
                    class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                    type="button"
                  >
                    <span>
                      新 建
                    </span>
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div
            class="ant-list ant-list-split ant-pro-list-container"
          >
            <div
              class="ant-spin-nested-loading"
            >
              <div
                class="ant-spin-container"
              >
                <ul
                  class="ant-list-items"
                >
                  <li
                    class="ant-list-item ant-pro-list-row-item-has-checkbox ant-pro-list-row-item-has-avatar ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      >
                        <div
                          class="ant-pro-list-row-checkbox"
                        >
                          <label
                            class="ant-checkbox-wrapper"
                          >
                            <span
                              class="ant-checkbox ant-wave-target"
                            >
                              <input
                                class="ant-checkbox-input"
                                type="checkbox"
                              />
                              <span
                                class="ant-checkbox-inner"
                              />
                            </span>
                          </label>
                        </div>
                      </div>
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-avatar"
                        >
                          <span
                            class="ant-avatar ant-avatar-circle ant-avatar-image"
                            style="width: 22px; height: 22px; font-size: 18px;"
                          >
                            <img
                              src="https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                语雀的天空
                              </div>
                            </div>
                          </h4>
                          <div
                            class="ant-list-item-meta-description"
                          >
                            <div
                              class="ant-pro-list-row-description"
                            >
                              Ant Design, a design language for background applications, is refined by Ant UED Team
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a>
                              邀请
                            </a>
                            发布
                          </div>
                        </div>
                      </li>
                    </ul>
                    <div
                      class=""
                    >
                      <div
                        style="min-width: 200px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display: flex; justify-content: flex-end;"
                      >
                        <div
                          style="width: 200px;"
                        >
                          <div>
                            发布中
                          </div>
                          <div
                            aria-valuemax="100"
                            aria-valuemin="0"
                            aria-valuenow="80"
                            class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-line-align-end ant-progress-line-position-outer ant-progress-show-info ant-progress-default"
                            role="progressbar"
                          >
                            <div
                              class="ant-progress-outer"
                              style="width: 100%;"
                            >
                              <div
                                class="ant-progress-inner"
                              >
                                <div
                                  class="ant-progress-bg ant-progress-bg-outer"
                                  style="width: 80%; height: 8px; --progress-percent: 0.8;"
                                />
                              </div>
                              <span
                                class="ant-progress-text ant-progress-text-end ant-progress-text-outer"
                                title="80%"
                              >
                                80%
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li
                    class="ant-list-item ant-pro-list-row-item-has-checkbox ant-pro-list-row-item-has-avatar ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      >
                        <div
                          class="ant-pro-list-row-checkbox"
                        >
                          <label
                            class="ant-checkbox-wrapper"
                          >
                            <span
                              class="ant-checkbox ant-wave-target"
                            >
                              <input
                                class="ant-checkbox-input"
                                type="checkbox"
                              />
                              <span
                                class="ant-checkbox-inner"
                              />
                            </span>
                          </label>
                        </div>
                      </div>
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-avatar"
                        >
                          <span
                            class="ant-avatar ant-avatar-circle ant-avatar-image"
                            style="width: 22px; height: 22px; font-size: 18px;"
                          >
                            <img
                              src="https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                Ant Design
                              </div>
                            </div>
                          </h4>
                          <div
                            class="ant-list-item-meta-description"
                          >
                            <div
                              class="ant-pro-list-row-description"
                            >
                              Ant Design, a design language for background applications, is refined by Ant UED Team
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a>
                              邀请
                            </a>
                            发布
                          </div>
                        </div>
                      </li>
                    </ul>
                    <div
                      class=""
                    >
                      <div
                        style="min-width: 200px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display: flex; justify-content: flex-end;"
                      >
                        <div
                          style="width: 200px;"
                        >
                          <div>
                            发布中
                          </div>
                          <div
                            aria-valuemax="100"
                            aria-valuemin="0"
                            aria-valuenow="80"
                            class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-line-align-end ant-progress-line-position-outer ant-progress-show-info ant-progress-default"
                            role="progressbar"
                          >
                            <div
                              class="ant-progress-outer"
                              style="width: 100%;"
                            >
                              <div
                                class="ant-progress-inner"
                              >
                                <div
                                  class="ant-progress-bg ant-progress-bg-outer"
                                  style="width: 80%; height: 8px; --progress-percent: 0.8;"
                                />
                              </div>
                              <span
                                class="ant-progress-text ant-progress-text-end ant-progress-text-outer"
                                title="80%"
                              >
                                80%
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li
                    class="ant-list-item ant-pro-list-row-item-has-checkbox ant-pro-list-row-item-has-avatar ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      >
                        <div
                          class="ant-pro-list-row-checkbox"
                        >
                          <label
                            class="ant-checkbox-wrapper"
                          >
                            <span
                              class="ant-checkbox ant-wave-target"
                            >
                              <input
                                class="ant-checkbox-input"
                                type="checkbox"
                              />
                              <span
                                class="ant-checkbox-inner"
                              />
                            </span>
                          </label>
                        </div>
                      </div>
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-avatar"
                        >
                          <span
                            class="ant-avatar ant-avatar-circle ant-avatar-image"
                            style="width: 22px; height: 22px; font-size: 18px;"
                          >
                            <img
                              src="https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                蚂蚁金服体验科技
                              </div>
                            </div>
                          </h4>
                          <div
                            class="ant-list-item-meta-description"
                          >
                            <div
                              class="ant-pro-list-row-description"
                            >
                              Ant Design, a design language for background applications, is refined by Ant UED Team
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a>
                              邀请
                            </a>
                            发布
                          </div>
                        </div>
                      </li>
                    </ul>
                    <div
                      class=""
                    >
                      <div
                        style="min-width: 200px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display: flex; justify-content: flex-end;"
                      >
                        <div
                          style="width: 200px;"
                        >
                          <div>
                            发布中
                          </div>
                          <div
                            aria-valuemax="100"
                            aria-valuemin="0"
                            aria-valuenow="80"
                            class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-line-align-end ant-progress-line-position-outer ant-progress-show-info ant-progress-default"
                            role="progressbar"
                          >
                            <div
                              class="ant-progress-outer"
                              style="width: 100%;"
                            >
                              <div
                                class="ant-progress-inner"
                              >
                                <div
                                  class="ant-progress-bg ant-progress-bg-outer"
                                  style="width: 80%; height: 8px; --progress-percent: 0.8;"
                                />
                              </div>
                              <span
                                class="ant-progress-text ant-progress-text-end ant-progress-text-outer"
                                title="80%"
                              >
                                80%
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li
                    class="ant-list-item ant-pro-list-row-item-has-checkbox ant-pro-list-row-item-has-avatar ant-pro-list-row"
                  >
                    <div
                      class="ant-pro-list-row-header"
                    >
                      <div
                        class="ant-pro-list-row-header-option"
                      >
                        <div
                          class="ant-pro-list-row-checkbox"
                        >
                          <label
                            class="ant-checkbox-wrapper"
                          >
                            <span
                              class="ant-checkbox ant-wave-target"
                            >
                              <input
                                class="ant-checkbox-input"
                                type="checkbox"
                              />
                              <span
                                class="ant-checkbox-inner"
                              />
                            </span>
                          </label>
                        </div>
                      </div>
                      <div
                        class="ant-list-item-meta"
                      >
                        <div
                          class="ant-list-item-meta-avatar"
                        >
                          <span
                            class="ant-avatar ant-avatar-circle ant-avatar-image"
                            style="width: 22px; height: 22px; font-size: 18px;"
                          >
                            <img
                              src="https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg"
                            />
                          </span>
                        </div>
                        <div
                          class="ant-list-item-meta-content"
                        >
                          <h4
                            class="ant-list-item-meta-title"
                          >
                            <div
                              class="ant-pro-list-row-header-container"
                            >
                              <div
                                class="ant-pro-list-row-title"
                              >
                                TechUI
                              </div>
                            </div>
                          </h4>
                          <div
                            class="ant-list-item-meta-description"
                          >
                            <div
                              class="ant-pro-list-row-description"
                            >
                              Ant Design, a design language for background applications, is refined by Ant UED Team
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <ul
                      class="ant-list-item-action"
                    >
                      <li>
                        <div>
                          <div
                            style="display: flex; align-items: center; justify-content: flex-start; gap: 8px;"
                          >
                            <a>
                              邀请
                            </a>
                            发布
                          </div>
                        </div>
                      </li>
                    </ul>
                    <div
                      class=""
                    >
                      <div
                        style="min-width: 200px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display: flex; justify-content: flex-end;"
                      >
                        <div
                          style="width: 200px;"
                        >
                          <div>
                            发布中
                          </div>
                          <div
                            aria-valuemax="100"
                            aria-valuemin="0"
                            aria-valuenow="80"
                            class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-line-align-end ant-progress-line-position-outer ant-progress-show-info ant-progress-default"
                            role="progressbar"
                          >
                            <div
                              class="ant-progress-outer"
                              style="width: 100%;"
                            >
                              <div
                                class="ant-progress-inner"
                              >
                                <div
                                  class="ant-progress-bg ant-progress-bg-outer"
                                  style="width: 80%; height: 8px; --progress-percent: 0.8;"
                                />
                              </div>
                              <span
                                class="ant-progress-text ant-progress-text-end ant-progress-text-outer"
                                title="80%"
                              >
                                80%
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>